<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <title>Jualbuy</title>
   <link rel="stylesheet" href="${resource(dir:'css',file:'reset-fonts-grids.css')}" />
   <link rel="stylesheet" href="${resource(dir:'css',file:'jualbuy.css')}" />
</head>
<body>
<div id="doc2" class="yui-t2">
   <div id="hd" role="banner">
     
   </div>
   <div id="top-menu-container">
   	<ul id="top-menu">
	   <li>
	     <a href=#>Home</a>
	   </li>
	   <li>
	     <a href=#>Women</a>
	   </li>
	   <li>
	     <a href=#>Men</a>
	   </li>
	   <li>
	   <a href=#>Kids</a>
	   </li>
	   <li>
	   <a href=#>Electronic</a>
	   </li>
	   <li>
	   <a href=#>Mobile phones</a>	 	
	   </li>
	   <li>
	   <a href=#>Cars</a>
	   </li>
	 </ul>
	
	 <div id="seach-container">
	   <form method="post" action="#">
	         <input type="text" id="search-input-field" /><input type="submit" id="search-input-button" value="Search" />
	   </form>
	 </div>
	 
	 <div class="clear-all"></div>
	 
   </div>
   <div id="bd" role="main">
	<div id="yui-main">
	<div class="yui-b"><div class="yui-g" id="main-banner-container">
	</div>
<div class="yui-g">
    <div class="yui-g first">
        <div class="yui-u first">
		  <img src="${resource(dir:'images',file:'car-ad.png')}" alt="automotif">
	    </div>
        <div class="yui-u">
		  <img src="${resource(dir:'images',file:'home-living.png')}" alt="automotif">
	    </div>
    </div>
    <div class="yui-g">
        <div class="yui-u first">
		  <img src="${resource(dir:'images',file:'car-ad.png')}" alt="automotif">
	     </div>
        <div class="yui-u">
		  <img src="${resource(dir:'images',file:'home-living.png')}" alt="automotif">
	    </div>
    </div>
</div>
<!--
<div class="yui-g">
    <div class="yui-g first">
        <div class="yui-u first">
		  <img src="${resource(dir:'images',file:'car-ad.png')}" alt="automotif">
	     </div>
        <div class="yui-u">
		  <img src="${resource(dir:'images',file:'home-living.png')}" alt="automotif">
	     </div>
    </div>
    <div class="yui-g">
        <div class="yui-u first">
		  <img src="${resource(dir:'images',file:'car-ad.png')}" alt="automotif">
	      </div>
        <div class="yui-u">
			<img src="${resource(dir:'images',file:'home-living.png')}" alt="automotif">
	    </div>
    </div>
</div>
-->
</div>
	</div>
	<div class="yui-b rounded-corners-all" id="logon-container">
		<h3>Jualbuy Logon</h3>
		<form id="logonForm">
		  <label for="username">Username</label>
		  <input type="text" name="username" />
		  <label for="password">Password</label>
		  <input type="text" name="password" />
		  <button type="button" id="login">Log in</button>
		</form>	
		<ul id="register">
			<li>
				<a href="#">> Forgot your password?</a>
			</li>
			<li>
				<a href="#">> Not registered yet?</a>
			</li>
		</ul>
	</div>
	<div class="yui-b rounded-corners-all" id="left-menu-container">
		<h3>Categories</h3>
		<ul id="left-menu">
		   <li>
		     <a href=#>Home</a>
		   </li>
		   <li>
		     <a href=#>Women</a>
		   </li>
		   <li>
		     <a href=#>Men</a>
		   </li>
		   <li>
		   <a href=#>Kids</a>
		   </li>
		   <li>
		   <a href=#>Electronic</a>
		   </li>
		   <li>
		   <a href=#>Mobile phones</a>	 	
		   </li>
		   <li>
		   <a href=#>Cars</a>
		   </li>
		 </ul>
	</div>
	
	</div>
   	<div id="ft" role="contentinfo">
	     <h5 id="copyright">Copyright 2011 All rights reserved</h5>
		  <ul id="footer-menu">
		    <li>
			<a href="#">About us</a>
			</li>
			<li>
			<a href="#">Advertising	</a>
			</li>
			<li>
			<a href="#">Terms of use</a>	
			</li>
			<li>
			<a href="#">Privacy Policy</a>	
			</li>					
		  </ul>
	   </div>
</div>
</body>
</html>